define(["jquery"],function(){
	return {
		init : function(res){
			$.each(res, function(index, item) {
				var $li = $('<li class="hot_top_item"></li>');
				var html = `<img src="${item.s1}" alt="" />
						<img src="${item.s2}" alt="" />
						<a href="">${item.content}</a>`
				$li.html(html);
				$(".hot_top").append($li);
			});
			
			$(".hot_top_item").on("mouseover",function(){
				$(this).find("img").eq(1).css({
					display:"block"
				})
			}).on("mouseout",function(){
				$(this).find("img").eq(1).css({
					display:"none"
				})
			});
			
		}
	}

})
